.rigger {
  font-size: 18px;
  line-height: 64px;
  padding: 0 16px;
  cursor: pointer;
  transition: color .3s;
}

.hover {
  color: #108ee9;
}

.logo {
  height: 32px;
  background: #333;
  border-radius: 6px;
  margin: 16px;
}

.anticon {
  font-size: 16px;
}

.nav-text {
  display: none;
}

.leftDiv{
  height:100%;
  background-color:#ffffff;
  position:fixed;
  z-index:2;
  left:0px;
  top:50px;
  bottom:50px;
  width: 200px;
  overflow: auto;
}

.topDiv{
  width:100%;
  height:50px;
  background-color:#43c9d5;
  position:fixed;
  top:0;
  left:0;
  z-index:99;
}

.rightDiv{
  height: 100%;
  width: auto;
  margin-left: 200px;
  margin-top: 50px;
}
.logo_top{
  float: left;

  margin: 4.5px 0px 0px 44px;
  width:10%;
  height:40px;
}
.language{
  float: left;
  margin: 18px 0px 0px 44px;
  width: 10%;
  height:30px;
  color:#FFFFFF;
}
.mail{
  height:24px;
  margin: 0px 0px 0px 10px;
}
.remind{
  height:24px;
  margin: 0px 0px 0px 10px;
 }
.set_up{
  height:24px;
  margin: 0px 0px 0px 10px;
}
.close{
  height:24px;
  margin: 0px 10px 0px 30px;
}
.logo_img{
  float: right;
  margin: 13px 39px 0px 0px;

}
.image{




}

.circle {
  position:absolute;
  top:14px;
  left:37%;
  background-color:#43c9d5;
  border-radius: 50%;
  width: 50px;
  height: 50px;

}
.text{
  color:#FFFFFF;
  margin-left:21px;

}
.icon{
  color:#FFFFFF;
  margin-right:19px;
  margin-top:4px;
  float: right;
  font-size: 8px;
}
.icon_language{
  color:#FFFFFF;
  margin-left:4px;
  font-size: 5px;
}
.role{
  float: right;
  color:#FFFFFF;
  margin-right:21px;
}
